<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<div th:replace="~{themes/hexo/module/_header:: head}"></div>
<body>
<div th:replace="~{themes/hexo/module/_header:: menu}"></div>


<div class ="cube-content" id = "main" style="visibility: visible;">
    <div class="cube-left">
        <div class="cube-article">
            <h1 class="title">{{blog['title']}}</h1>
            <div class="cube-article-header">
                <div class="cube-article-date">
                    <i class="cube-icon cube-icon-date" aria-hidden="true"></i>
                    {{blog['month']}}
                </div>
                <div class="cube-article-tags">
                    <i class="cube-icon cube-icon-tag" aria-hidden="true"></i>
                    <a href="/tags/杂谈/">{{blog['tags']}}</a>
                </div>
            </div>
            <div v-html="blog['article']" class="cube-article-content cube-markdown" lg-uid="lg0">
            </div>
        </div>
    </div>
    <div class ="cube-right"  >
        <div th:replace="~{themes/hexo/sidebar/_author:: copy}"></div>
        <div th:replace="~{themes/hexo/sidebar/_music:: copy}"></div>
        <!--播放音乐JS-->
        <script>
            (function (window) {
                window.musicModule = {}
                window.musicModule.musicConfig = '{"narrow":false,"autoplay":false,"showlrc":3,"theme":"#b7daff","mutex":true,"mode":"circulation","preload":"auto","listmaxheight":"513px","music":[{"title":"Dear friends","author":"TRIPLANE","url":"http://cube-1252774894.cosgz.myqcloud.com/music/source/TRIPLANE - Dear friends.mp3","lrc":"http://cube-1252774894.cosgz.myqcloud.com/music/lrc/Dear friends - TRIPLANE.lrc","pic":"http://cube-1252774894.cosgz.myqcloud.com/music/image/TRIPLANE - Dear friends.jpg"},{"title":"Butter-Fly","author":"和田光司","url":"http://cube-1252774894.cosgz.myqcloud.com/music/source/和田光司 - Butter-Fly (ピアノヴァージョン).mp3","lrc":"http://cube-1252774894.cosgz.myqcloud.com/music/lrc/Butter-Fly (ピアノヴァージョン) - 和田光司.lrc","pic":"http://cube-1252774894.cosgz.myqcloud.com/music/image/和田光司 - Butter-Fly (ピアノヴァージョン).jpg"},{"title":"宵闇花火","author":"葉月ゆら","url":"http://cube-1252774894.cosgz.myqcloud.com/music/source/葉月ゆら - 宵闇花火.mp3","lrc":"http://cube-1252774894.cosgz.myqcloud.com/music/lrc/宵闇花火 - 葉月ゆら.lrc","pic":"http://cube-1252774894.cosgz.myqcloud.com/music/image/葉月ゆら - 宵闇花火.jpg"}]}'
                window.musicModule.lrcConfig = {
                    open: '开启歌词',
                    close: '关闭歌词'
                }
            })(window)
        </script>
        <div th:replace="~{themes/hexo/sidebar/_post:: copy}"></div>
        <div th:replace="~{themes/hexo/sidebar/_tag:: copy}"></div>
        <div th:replace="~{themes/hexo/sidebar/_links:: copy}"></div>
    </div>

</div>

<div th:replace="~{themes/hexo/module/_footer:: html}"></div>

<div class="cube-loading out"></div>
</body>
<script>
        new Vue({
                 el: "#main",
                 data: function(){
                    return {
                        blogs:[],
                        blog: Object,
                        tagsCount:0,
                        blogsCount:1,
                        tagsName:[],
                        categoryCount:0,
                    }
            },
            methods:{
                getPostUrl:function (Object) {
                        return "/post/"+Object.uid;
                    },
                    getTagLink:function (data) {
                        return "/tag/"+data;
                    }

             },
            mounted:function () {
                var self = this;
                var type = "about";
                axios.get("/front/base/"+type).then(function (response) {
                    //一行搞定
                    $.extend(self._data,response.data);
                });

            }
          });




</script>
</html>